<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/css/index.css}">
</head>
<body>

<a href="detail">详情</a>
<a th:href="@{/index/detail}">详情</a>
<a th:href="@{/index/detail?name=123}">详情</a>
<a th:href="@{/index/detail(name=123,id=456)}">详情</a>

<div>尝试的第一个界面</div>
<div class="box" th:text="${name}"></div>
<div th:utext="${content}"></div>

<div th:text="${user.id}"></div>
<div th:text="${user.username}"></div>

<ul>
    <li th:object="${user}">
        <div th:text="*{id}"></div>
        <div th:text="*{#strings.replace(username,'三','四')}"></div>
    </li>
</ul>


<div th:inline="text">写了一段文件，获取姓名 : [[${name}]]</div>

<div th:text="${#dates.format(user.birthday,'yyyy-MM-dd')}"></div>

<div th:text="${#sets.contains(set,'天亮')}"></div>
<div th:text="${#sets.contains(set,'张三')}"></div>

<script th:inline="javascript">
    var name = [[${name}]]
    alert("获取的后台的名字" + name)
</script>

<!--协议://ip:port/api/imgs/1.jpg-->
<img src="/api/imgs/1.jpg" alt="">2
<!--相对路径规则，去掉当前请求最后一个斜杠后面的内容，加上地址-->
<img src="imgs/1.jpg" alt="">
<img th:src="@{/imgs/1.jpg}" alt="">
<!--
    1. th:text 直接获取文本，文本会覆盖掉标签内的内容
    2. th:utext 加载富文本的内容
    3. th:object 可以加载对象，在标签内部直接可以通过 *{属性名}或者对象的属性值
    4. 在标签内部获取值 在标签上添加 th:inline="text" [[${属性名}}]]
    5. 在js中获取值 在标签上添加 th:inline="javascript" [[${属性名}}]]
-->
</body>
</html>